﻿@charset "utf-8";
/*reset css*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
body{font:12px/20px 'Tahoma,Verdana,\5FAE\8F6F\96C5\9ED1', arial,\5b8b\4f53;color:#333; width:100%; height:100%;}
table{border-collapse:collapse;border-spacing:0;font-size:12px;}
fieldset,img{border:0}
select, textarea, img, fieldset, input{margin:0;padding:0;vertical-align:middle;outline:none;/*font:12px/20px 'Tahoma,Verdana, \5FAE\8F6F\96C5\9ED1';*/}
address,cite,dfn,em,var,i{font-style:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
a{text-decoration:none}
a:hover{color:#0173c7;}
.left{text-align:left;}
.center{text-align:center}
.lft{text-align:left}
.rght{text-align:right}
.vtop{vertical-align:top;}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clearfix{*zoom:1}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.none{display:none}
.block{display:block}
.rel{position:relative}
.abs{position:absolute;}
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
.cgray{color:#aaa;}
.cred{color:#f00;}
.cblue{color:#03F;}
.c9{color:#999;}
.h10{height: 10px;}
.h10:before,.h10:after{clear: both;}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}

#footer{display: none;}

input:-webkit-autofill{background-color:#c5ddf4!important;background-image:none;color:#455a64;font-family:\5FAE\8F6F\96C5\9ED1}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {background-color: rgb(197, 221, 244); background-image: none;color: rgb(0, 0, 0);}
input[type="text"]:disabled,
input:disabled,
textarea:disabled,
.content input:disabled{background: #f9f9f9;color: #999; cursor: auto !important}

input.validatebox-invalid,span.textbox.textbox-invalid{background: #ffeaee!important;}

/*margin*/
.mg3{margin:3px;}.mt3{margin-top:3px;}.mb3{margin-bottom:3px;}.ml3{margin-left:3px;}.mr3{margin-right:3px;}
.mg5{margin:5px;}.mt5{margin-top:5px;}.mb5{margin-bottom:5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}
.mg10{margin:10px;}.mt10{margin-top:10px;}.mb10{margin-bottom:10px;}.ml10{margin-left:10px;}.mr10{margin-right:10px;}
.mg15{margin:15px;}.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.mg20{margin:20px;}.mt20{margin-top:20px;}.mb20{margin-bottom:20px;}.ml20{margin-left:20px;}.mr20{margin-right:20px;}
.mg25{margin:25px;}.mt25{margin-top:25px;}.mb25{margin-bottom:25px;}.ml25{margin-left:25px;}.mr25{margin-right:25px;}
.mg30{margin:30px;}.mt30{margin-top:30px;}.mb30{margin-bottom:30px;}.ml30{margin-left:30px;}.mr30{margin-right:30px;}
.mg50{margin:50px;}.mt50{margin-top:50px;}.mb50{margin-bottom:50px;}.ml50{margin-left:50px;}.mr50{margin-right:50px;}
/*padding*/
.pd3{padding:3px;}.pt3{padding-top:3px;}.pb3{padding-bottom:3px;}.pl3{padding-left:3px;}.pr3{padding-right:3px;}
.pd5{padding:5px;}.pt5{padding-top:5px;}.pb5{padding-bottom:5px;}.pl5{padding-left:5px;}.pr5{padding-right:5px;}
.pd10{padding:10px;}.pt10{padding-top:10px;}.pb10{padding-bottom:10px;}.pl10{padding-left:10px;}.pr10{padding-right:10px;}
.pd15{padding:15px;}.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.pd20{padding:20px;}.pt20{padding-top:20px;}.pb20{padding-bottom:20px;}.pl20{padding-left:20px;}.pr20{padding-right:20px;}
.pd25{padding:25px;}.pt25{padding-top:25px;}.pb25{padding-bottom:25px;}.pl25{padding-left:25px;}.pr25{padding-right:25px;}
.pd30{padding:30px;}.pt30{padding-top:30px;}.pb30{padding-bottom:30px;}.pl30{padding-left:30px;}.pr30{padding-right:30px;}
.pd40{padding:40px;}.pt40{padding-top:40px;}.pb40{padding-bottom:40px;}.pl40{padding-left:40px;}.pr40{padding-right:40px;}
.pd50{padding:50px;}.pt50{padding-top:50px;}.pb50{padding-bottom:50px;}.pl50{padding-left:50px;}.pr50{padding-right:50px;}

img.img30_30{width:30px;height:30px}
img.img40_40{width:40px;height:40px}
img.img50_50{width:50px;height:50px}
img.img64_64{width:64px;height:64px}
img.img80_80{width:80px;height:80px}

.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px;line-height:24px}
.f18{font-size:18px}
.f24{font-size:24px}
.fb{font-weight:700}

/*base*/
.file-button{background:#008cee;color:#fff;position:absolute;display:inline;overflow:hidden;width:50px;height:30px;margin-left:5px;
    border-radius:2px;text-align:center;line-height:30px}
.jqfile{height:30px;line-height:30px}

.doc-table { margin-left: 9px; border-collapse: collapse; border-spacing: 0; }
.doc-table th { padding: 0.3em 0.7em; border: 1px solid rgb(140, 172, 187); font-weight: bold; min-width: 60px; }
.doc-table td { padding: 0.3em 0.7em; border: 1px solid rgb(140, 172, 187); }
.doc-table th { background: rgb(238, 238, 238); }
.doc-table pre { background: rgb(250, 250, 250); padding: 5px; color: rgb(0, 102, 0); font-family: Verdana; font-size: 12px; }

.pagination span.pagination-first,.pagination span.pagination-last,.pagination span.pagination-load,.pagination span.pagination-next,.pagination span.pagination-prev
{font-size:14px;display:inline-block;text-align:center;color:#9ac;margin-left:0;margin-top:-7px;opacity:.8}
.pagination .l-btn-disabled .l-btn-icon{opacity:.5}
.pagination .l-btn{background: transparent;border-color: transparent;}
.pagination .l-btn:hover .l-btn-icon{color:#9ac}
.pagination .l-btn-plain .l-btn-icon-left .l-btn-text{margin:0 4px 0 4px}

.pagination-first{background-position:0 -64px!important}
.pagination-prev{background-position:-32px -64px!important}
.pagination-next{background-position:-128px -64px!important}
.pagination-last{background-position:-160px -64px!important}
.pagination-load{background-position:-192px -64px!important}
.l-btn-plain:hover .l-btn-icon.pagination-first,
.l-btn-plain:hover .l-btn-icon.pagination-last,
.l-btn-plain:hover .l-btn-icon.pagination-load,
.l-btn-plain:hover .l-btn-icon.pagination-next,
.l-btn-plain:hover .l-btn-icon.pagination-prev
{background:url(../images/icon-OA-16-gray.png) no-repeat;opacity:1;cursor:pointer}
.pagination .l-btn:hover{background:#e4eaf4;border:1px solid #e4eaf4;border-radius:50%}
.pagination .l-btn-plain-disabled:hover{background:0 0;border:1px solid #fff}
.l-btn-plain-disabled:hover .l-btn-icon.pagination-first,.l-btn-plain-disabled:hover .l-btn-icon.pagination-last,.l-btn-plain-disabled:hover .l-btn-icon.pagination-load,
.l-btn-plain-disabled:hover .l-btn-icon.pagination-next,.l-btn-plain-disabled:hover .l-btn-icon.pagination-prev{background:url(../images/icon-OA-16-gray.png) no-repeat;opacity:.5;cursor:text}
.datagrid .datagrid-pager.pagination{ color: #333; border-width: 1px 0 0px 0 !important;font-family: \5FAE\8F6F\96C5\9ED1;}
.pagination table{ height: 30px;}
.pagination .pagination-num{  padding: 0 2px;  }

.s-btn-downarrow{opacity:.5}
.panel-tool-collapse,
.panel-tool-min,
.panel-tool-max,
.panel-tool-close,
.icon-user-circle-o,
.icon-angle-down,
.icon-angle-double-right,
.icon-angle-double-left,
.s-btn-downarrow,
.tabs li a.tabs-close
.combo .combo-arrow,
.layout-button-left,
.layout-button-right,
.tree-file,
.tabs-close,
.pagination-first,
.pagination-prev,
.pagination-next,
.pagination-last,
.pagination-load,
/*.spinner-arrow-up,
.spinner-arrow-down,*/
.calendar-prevmonth,
.calendar-nextmonth,
.calendar-prevyear,
.calendar-nextyear,
.m-btn-downarrow,
.messager-icon,
.icon-cog{background:url(../images/icon-OA-16-gray.png) no-repeat;width:16px;height:16px;display:inline-block}
.icon-cog{background-position:0 -304px!important}

/*.spinner-arrow:hover .spinner-arrow-up,
.spinner-arrow:hover .spinner-arrow-down{background:#008cee url(../images/icon-OA-16-white.png) no-repeat}*/
/*.spinner .textbox-addon{right:-3px!important}*/

.calendar-prevyear{background-position:-65px -33px}
.calendar-nextyear{background-position:-97px -33px}
.calendar-prevmonth{background-position:-226px -34px}
.calendar-nextmonth{background-position:-162px -34px}

.combo .combo-arrow{background: url(../images/icon-OA-16-gray.png) no-repeat -192px -25px}
.combo:hover .combo-arrow{background:#E0ECFF url(../images/icon-OA-16-gray.png) no-repeat;background-position:-192px -25px}
.datebox .combo-arrow ,
.datebox.combo:hover .combo-arrow{  background:  url(../images/iconbg-16.png) no-repeat right -194px;  }

.accordion-collapse,
.accordion-expand.accordion-collapse,
.tree-folder.tree-folder-open,
.accordion .icon-doc-base ,
.tree-folder,
.tree-folder.icon-ok,
.tree-collapsed,
.tree-expanded,
.tree-checkbox{background:url(../images/iconbg-16.png) no-repeat;width:16px;height:32px;display:inline-block}

.tree-collapsed,.tree-expanded{position:absolute;width:16px;height:32px;z-index:0; margin-left:14px}
.tree-checkbox{position: relative; z-index: 1}
.tree-folder,.tree-folder.tree-folder-open{margin-left:14px}

.combo-p .tree-collapsed,.combo-p .tree-expanded{position:relative;width:16px;height:32px}
.combo-p .tree-folder,
.combo-p .tree-folder.tree-folder-open{margin-left:-14px}
.tree-checkbox,.tree-checkbox0{background-position:0 -224px}
.tree-checkbox1{background-position:0 -256px}
.accordion .panel-icon{left:10px;background:url(../images/icon-OA-16-gray.png) no-repeat;width:16px;height:16px;display:inline-block}
.accordion-header-selected .panel-icon{background:url(../images/icon-OA-16-blue.png) no-repeat}
.accordion .accordion-header-selected .panel-title{color:#1976d2}
.accordion .icon-doc-base{background-position:0 0!important}
.tree-folder,.tree-folder.icon-ok{background-position:0 -2px!important}
.accordion-header-selected .icon-doc-base{background-position:0 -30px}
.accordion .panel-tool a.accordion-collapse:hover,.accordion-collapse,.tree-collapsed{background-color:transparent;background-position:right -128px}
.accordion .panel-tool a.accordion-expand.accordion-collapse:hover,.accordion-expand.accordion-collapse,.tree-expanded{background-color:transparent;background-position:right -97px}
.icon-user-circle-o{background-position:0 0}
.icon-angle-down,.m-btn-downarrow,.s-btn-downarrow{background-position:-192px -32px!important}
.icon-angle-double-left{background-position:-64px -32px}
.icon-angle-double-right,
.layout-button-right{background-position:-96px -32px}
.layout-button-left{background:url(../images/icon-OA-16-blue.png) no-repeat;background-position:-512px -64px}
.tree-file{background-position:0 -90px!important}
.tree-folder.tree-folder-open{background-position:0 -32px!important}
.tabs-close{background-position:-33px -98px}
.tabs li a.tabs-close{background:url(../images/icon-OA-16-gray.png) no-repeat -32px -96px !important;margin:-10px 0px 0 0}

.datagrid-mask-msg{padding:10px 10px 10px 30px;height:20px;color:#999}
.datagrid-row-alt{background: #f2f4f8;}
.datagrid-row-selected{background:#ffeeba;color:#0E2D5F}
.datagrid-row-over{background:#bee5eb;}






.Wdate,.ipt,.textbox,.content input, .searchTD input{position:relative;border:1px solid #c8cdd8;background-color:#fff;vertical-align:middle;display:inline-block;overflow:hidden;
    white-space:nowrap;margin:0;padding:0 4px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;
    height:28px!important;line-height:28px!important}
 textarea {position:relative;border:1px solid #c8cdd8;background-color:#fff;vertical-align:middle;display:inline-block;overflow:hidden;
    margin:0;padding:0 4px;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;
}
.textbox{padding:0;}
.Wdate{background:#fff url(../images/iconbg-16.png) no-repeat right -194px}
.readonly{background:#eee}
.content .datagrid input{ line-height: 20px !important; height: 20px !important;}

#mainTabs{padding: 0; background: #eef5f9}

.search-div{padding:10px}
.simple-search-box{position:absolute;top:1px}
.searchbox,.searchbox .textbox-addon,.searchbox .textbox-text{height:26px!important;line-height:26px!important}
.searchbox .textbox-addon,.textbox-addon{z-index:1}
.textbox-addon .eu-icon-search{background-position: -416px -59px !important;}
.searchbox .textbox-button-left{background:#f9f9f9!important;border:0!important}
.searchbox .l-btn-text{color:#0E2D5F}
.search-tb th{font-weight:400;font-size:12px;font-family:\5FAE\8F6F\96C5\9ED1;padding-left:5px}
.search-tb td{padding:5px 0;position:relative}

.ipt-search-box{position:relative;float:left;margin-right:10px}
.ipt-search-box .ipt{padding-right:20px}
.ipt-search-box i{display:block;position:absolute;right:5px;top:8px;cursor:pointer;font-size:14px;color:#9ac;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.ipt-search-box i:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}

.textbox .textbox-text{font-size:12px;border:0;margin:0;padding:4px;
    white-space:normal;vertical-align:top;outline-style:none;resize:none;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;
    border-radius:2px 2px 2px 2px;font-family:\5FAE\8F6F\96C5\9ED1}
/*.textbox-addon{height:30px}*/
.textbox-focused{-moz-box-shadow:0 0 0 0 #95B8E7;-webkit-box-shadow:0 0 0 0 #95B8E7;box-shadow:0 0 0 0 #95B8E7}

.combo{border-color:#ddd;background-color:#fff; height: 28px !important; line-height: 28px; position: relative;  border-radius: 2px;}
.combo-arrow{background-color:#fff;text-align:center;height:30px!important;line-height:26px;vertical-align:text-bottom; position: absolute; right: 0}
.combo-arrow-hover{background-color:#fff}
.combo-arrow:hover{background-color:#fff}
.combo.textbox-focused{border-color:#0173c7}
.combo.textbox-focused .combo-arrow{color:#0173c7}
.calendar,.combo-p,.uishadow{filter:progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
    -moz-box-shadow:0 1px 5px rgba(0,0,0,.05);-webkit-box-shadow:0 1px 5px rgba(0,0,0,.05);box-shadow:0 1px 5px rgba(0,0,0,.05)}
.combo-panel.panel-body{border-color:#d2d2d2;background-color:#fff}

.icon-calendar{position:relative;left:-16px;top:2px;color:#9ac}

.l-btn{color:#fff;background:#008cee;border:1px solid #008cee;
    background:-webkit-linear-gradient(top,#008cee 0,#008cee 100%);
    background:-moz-linear-gradient(top,#008cee 0,#008cee 100%);
    background:-o-linear-gradient(top,#008cee 0,#008cee 100%);
    background:linear-gradient(to bottom,#008cee 0,#008cee 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cee,endColorstr=#008cee,GradientType=0);
    background-repeat:repeat-x;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px}
.l-btn:hover,
.toolbar .l-btn:hover,
#form_SuperSearch .l-btn:hover{background:#0080d9;border:1px solid #0080d9;background:-webkit-linear-gradient(top,#0080d9 0,#0080d9 100%);
    background:-moz-linear-gradient(top,#0080d9 0,#0080d9 100%);background:-o-linear-gradient(top,#0080d9 0,#0080d9 100%);
    background:linear-gradient(to bottom,#0080d9 0,#0080d9 100%)}
.toolbar .l-btn,
#form_SuperSearch .l-btn,
.tabs-tool .l-btn{background: transparent;border-color: transparent;}

.l-btn-plain .l-btn-icon{font-size:15px;color:#9ac;display:inline-block}
.l-btn-plain .l-btn-icon-left .l-btn-text{margin:0 4px 0 22px}
.l-btn:hover .l-btn-icon{color:#fff}
.l-btn span .l-btn-icon-left{padding:0;background-position:left center}
.l-btn-text{line-height:24px;font-size:14px;padding:0;margin:0 4px;font-size:12px;font-family: \5FAE\8F6F\96C5\9ED1;color:#fff}

.l-btn-plain,
.l-btn-plain:hover{padding:0px;filter:none;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px}
.l-btn-plain:hover .l-btn-text{color:#fff; }
.gaidbtns .l-btn-plain .l-btn-text,
.toolbar .l-btn-plain .l-btn-text{color:#333}
.toolbar .l-btn-plain .l-btn-left:hover .l-btn-text{color:#ffffff}

.icontoolbar .l-btn-icon-left{position:relative}
.icontoolbar .l-btn-icon-left .l-btn-text{margin:0 4px 0 20px}
.icontoolbar .l-btn-icon{display:inline-block;top:14px}
.icontoolbar .l-btn-left:hover .l-btn-icon{color:#fff}
.iconbig .l-btn-icon-left .l-btn-text{margin:0 4px 0 26px}
.iconbig .l-btn-icon{font-size:18px;top:12px}
.iconbig .l-btn-text{font-size:14px}
.menu-h-sep{float:left;height:24px;border-left:1px solid #ccc;border-right:1px solid #fff;margin:3px 1px}
.l-btn-plain:hover .l-btn-icon{background:url(../images/icon-OA-16-white.png) no-repeat}

.btnwhite.l-btn,
.btnwhite.l-btn.l-btn-plain{color:#333;background:#ffffff !important;border-color: #b1b8bb !important;
    background:-webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);background:-moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background:-o-linear-gradient(top,#ffffff 0,#ffffff 100%);background:linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
    background-repeat:repeat-x;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#ffffff,GradientType=0);}
.btnwhite.l-btn:hover,
.btnwhite.l-btn.l-btn-plain:hover{background:#eef5f9 !important;border-color: #bddbec !important; background:-webkit-linear-gradient(top,#eef5f9 0,#eef5f9 100%);
    background:-moz-linear-gradient(top,#eef5f9 0,#eef5f9 100%);background:-o-linear-gradient(top,#eef5f9 0,#eef5f9 100%);
    background:linear-gradient(to bottom,#eef5f9 0,#eef5f9 100%)}
.btnwhite.l-btn .l-btn-text{color:#333!important }
.btnwhite.l-btn .l-btn-icon {background: url(../images/icon-OA-16-gray.png) 0 0 no-repeat;}
.btnwhite .icon-edit{  background: url(../images/icon-OA-16-gray.png) no-repeat -96px -128px!important;  }
.btnwhite .icon-cancel{  background: url(../images/icon-OA-16-gray.png) no-repeat -480px -96px!important;  }

.btnBluebg.l-btn .l-btn-icon {background: url(../images/icon-OA-16-white.png) 0 0 no-repeat;}
.btnBluebg.l-btn .l-btn-text{color:#fff }

.icon-blue .l-btn-icon,
.iconspirt,.icon-Initialization,.icon-See,.icon-Synchronise,.icon-SynchroniseOA,.icon-add,.icon-add-dtl,.icon-aduit,.icon-authorized,.icon-bank,.icon-batchStatic,
.icon-cash,.icon-chart,.icon-check,.icon-close,.icon-club,.icon-copy,.icon-cut,.icon-del,.icon-del-dtl,.icon-disable,.icon-distribution,.icon-download,
.icon-easyShuttle,.icon-edit,.icon-effect,.icon-empty,.icon-enable,.icon-error,.icon-export,.icon-file-add,.icon-file-empty,.icon-file-excel,
.icon-file-img,.icon-file-pdf,.icon-file-remove,.icon-file-s,.icon-file-word,.icon-files,.icon-flag-blue,.icon-flag-green,.icon-flag-orange,
.icon-flag-pink,.icon-flag-purple,.icon-flag-red,.icon-flag-yellow,.icon-gift,.icon-help,.icon-import,.icon-in,.icon-info,.icon-integration,
.icon-lock,.icon-management,.icon-message,.icon-mycard,.icon-news,.icon-ok,.icon-out,.icon-payment,.icon-preview,.icon-print,.icon-printlist,
.icon-receivable,.icon-recharge,.icon-redo,.icon-refresh,.icon-remark,.icon-remove,.icon-reset,.icon-save,.icon-save-dtl,.icon-search,.icon-set,
.icon-shipment,.icon-static,.icon-suc,.icon-sum,.icon-synchro,.icon-thecard,.icon-time,.icon-tips,.icon-tosubmit,.icon-transfer,.icon-twocode,
.icon-undo,.icon-unlock,.icon-update,.icon-upload,.icon-user,.icon-warn,.icon-window-max,.icon-window-min,.icon-xq,.searchbox-button,
.icon-arrow_down, .icon-reject,.icon-switchgo,.icon-top,.datagrid-toolbar .icon-cancel,.icon-papprove,
.icon-email,.panel-tool-a.eu-icon-arrow_refresh:hover,.panel-tool-a.eu-icon-more-customer:hover,
.gaidbtns .l-btn-icon,.toolbar .l-btn-icon,.editContentPrice .tb_List .l-btn-icon,.datagrid-toolbar .l-btn-icon,.viewContentOld .datagrid-toolbar .l-btn-icon,
.l-btn-icon,.editContentDetail .gaidbtns .l-btn-icon,.gridUIpanel .gaidbtns .l-btn-icon,.editContentDetail .datagrid-view .l-btn-icon,#div_ToolBarContent  .l-btn-icon,
.ulInline .l-btn-icon,#form_SuperSearch .l-btn-icon,.editContentForm .datagrid-btable .l-btn-icon,#attachPanel  .l-btn-icon,#form_Upload  .l-btn-icon,
.editContentDetail .pagination .l-btn-icon,.viewContentOld .pagination .l-btn-icon,.editContentForm .pagination .l-btn-icon
{background:url(../images/icon-OA-16-blue.png) no-repeat 0 0;display:inline-block;width:16px;height:16px}

.icon-gray .l-btn-icon,
.dropdown-menu .iconspirt,.icon-arrow_in,.icon-arrow_out,.icon-cancel,.icon-psave,.icon-recycle,.shortcutMenu .iconspirt,
.menu-icon,.eu-icon-search,.panel-tool-a.eu-icon-arrow_refresh ,.panel-tool-a.eu-icon-more-customer,
.barLinkbutton .l-btn-icon,#btnPrint .l-btn-icon,.tabs-tool .l-btn-icon,.datagrid-sort-icon,.topbar .iconspirt
{background:url(../images/icon-OA-16-gray.png) no-repeat 0 0;display:inline-block;width:16px;height:16px}

.icon-white .l-btn-icon,#btnAddAttach .l-btn-icon,
.header .iconspirt,.window .panel-tool-close,.nav-right .icon-angle-down,
.window .panel-tool-collapse,
.window .panel-tool-min,
.window .panel-tool-max,
#btnPrint:hover .l-btn-icon,.thinBorder .l-btn-icon,
.viewContentOld .l-btn-icon,.editContentOld .l-btn-icon,.detailConPrice .l-btn-icon,.editEmployeeInformation .l-btn-icon,
.editContentPrice .tb_List .l-btn-left:hover .l-btn-icon,.btnBluebg .l-btn-icon,.dialog-button .l-btn-icon,.header-right .l-btn-icon,
.editContentDetail .l-btn-icon,.editContentForm .l-btn-icon,.viewContentOld .datagrid-toolbar .l-btn-plain:hover .l-btn-icon,
.editContentPrice .tb_List .l-btn .l-btn-icon,
.editContentDetail .gaidbtns .l-btn-left:hover .l-btn-icon,#btnPrint .l-btn-icon,.gridUIpanel .gaidbtns .l-btn-left:hover .l-btn-icon,
.editContentDetail .datagrid-view .l-btn-left:hover .l-btn-icon,#div_ToolBarContent  .l-btn-left:hover .l-btn-icon,.ulInline .l-btn-left:hover  .l-btn-icon,
#form_SuperSearch .l-btn-left:hover .l-btn-icon,.quickOpToolbar .l-btn-icon,#attachPanel .l-btn-left:hover .l-btn-icon,#form_Upload .l-btn-left:hover .l-btn-icon
{background:url(../images/icon-OA-16-white.png) no-repeat 0 0;display:inline-block;width:16px;height:16px}

#btnAddAttach{ margin:10px 0;}
.topbar .iconspirt{ position:relative; top:4px;}

#attachPanel .l-btn-icon{background:url(../images/icon-OA-16-white.png) no-repeat 0 0;display:inline-block;width:16px;height:16px}

.portal-column{ padding: 0 !important;  overflow-x: scroll; }
.portal-column .tabs-header { border-color: #eef5f9}
.portal-column .tabs-panels {padding: 10px !important;background-color: #ffffff; border-color: #eef5f9 }
.portal-column .portal-p{ background: #ffffff !important;}
.portal-column-left .portal-p{padding: 10px;}
.portal-column .panel-title{ padding: 5px; }

#regon_main .datagrid{border:0 !important;}
.crmUI{ background: transparent !important;    border: 0;  padding: 0 !important;  margin: 0 !important;}
.crmUI .northSearch{padding: 0 !important;  margin: 0 0 10px 0!important;min-height: 46px;   }
.crmUI .northSearch a{ margin-top: 9px;}

.crmUI .northSearch .northSearchli .searchTh{  padding:0px 0; width:75px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.crmUI .northSearch .northSearchli .searchTh span{ margin: 0 !important;    line-height: 34px; }
.crmUI .northSearch .northSearchli .searchTD{ width: 120px !important; }
.crmUI .northSearch .northSearchli .searchTD  .textbox{width: 120px !important;  padding:0 !important}
.crmUI .northSearch .northSearchli .searchTD  input{ width: 110px !important; padding:0 5px  !important}
.crmUI .northSearch.nomaintable{ border: 0 !important; margin:-5px 10px 0 0 !important;  width: auto;  }
.crmUI .northSearch.dialogtable{ float: left !important; border:0 !important;}
.crmUI .northSearch.dialogtable .northSearchli .searchTD  .textbox,
.crmUI .northSearch.dialogtable .northSearchli .searchTD  input{ width: 120px !important; }
.textbox-addon a{ margin: 0 !important;}

.header-right .m-btn-downarrow{background:url(../images/icon-OA-16-white.png) no-repeat -192px -32px!important; position: relative; top: 10px;}
.eu-p2-icon-cancel{background-position:-32px 0!important}
.eu-icon-grid{background-position:0px -304px!important}
.eu-p2-icon-user{background-position:0px 0px!important}
.eu-icon-email{background-position:-512px -160px!important}
.eu-icon-remove{background-position:-320px -96px!important}
.eu-p2-icon-ext-doc{background-position:-192px -128px!important}
.eu-icon-exit_16{background-position:-512px -192px!important}
.eu-p2-icon-pencil{background-position:-96px -128px!important}
.eu-icon-reload{background-position: -192px -64px!important;}
.eu-icon-arrow_out{background-position:-480px -64px!important;}
.eu-icon-arrow_in{background-position:-480px -32px!important;}
.eu-icon-cancel{background-position:-480px -96px!important;}
.eu-icon-search,.eu-icon-advance_search{background-position:-416px -64px!important;}
.eu-icon-cog{background-position:-512px -128px!important;}
.eu-icon-clear{background-position:-64px -128px!important;}
.eu-icon-close,#div_Tool .icon-cancel{background-position:-32px -96px!important;}
.eu-icon-reject,.icon-prefuse{background-position:-32px -96px!important;}
.eu-icon-arrow_left,.icon-preturn{background-position:-384px -160px!important;}
.eu-icon-ok{background-position:-160px -160px!important;}
.eu-p2-icon-add_other{background-position:0px -128px!important;}
.eu-icon-edit{background-position:-96px -128px!important;}
.eu-icon-del{background-position:-64px -128px!important;}
.eu-icon-docEdit{background-position:-96px -128px!important;}
.eu-icon-more-customer{background-position:-96px -192px!important;}
.eu-p2-icon-delete2{background-position:-64px -128px!important;}
.eu-p2-icon-database_copy{background-position:-320px -128px!important;}
.eu-icon-arrow_refresh{ background-position: -192px -64px!important;}
/*.eu-icon-password{ background-position: -512px -128px!important;}*/
.eu-icon-recycle{ background-position: -64px -128px!important;}
.eu-p2-icon-drive_web{background-position: -512px -128px!important;}
.eu-icon-user,.icon-predirect{background-position:-64px -224px!important}
.eu-icon-print{ background-position: -288px -96px!important;}
.eu-icon-save{background-position:-64px -96px!important}
.eu-p2-icon-download{background-position:-64px -224px!important}
.eu-icon-export{background-position:-224px -128px!important}
.eu-icon-add{background-position:-128px -96px!important}
.eu-icon-no{background-position:-96px -96px!important}
.eu-icon-redo{background-position:-192px -64px!important}
.eu-icon-copy {background-position:-320px -128px!important}
.eu-p2-icon-table {background:url(../images/icon-OA-16-gray.png) no-repeat -512px -64px!important}
.eu-p2-icon-feed_magnify {background-position:-64px -224px!important}
.eu-icon-approvalok,.icon-papprove {background-position:-160px -160px!important}
.eu-p2-icon-exclamation{background-position: -64px -128px!important}
.eu-p2-icon-world_link{background-position:0 -224px!important}
.eu-p2-icon-world_add{background-position: 0px -128px!important}
.eu-p2-icon-tag_blue_add{background-position: -128px -96px!important}
.eu-icon-arrow_down{background-position: 0px -160px!important}
.icon-bapprove{background-position:-352px -224px!important}
.icon-attachment{background-position:0px -160px!important}
.eu-ok-icon-user{background-position:0px 0px!important}
.eu-p2-icon-transmit_go{background-position:-192px -64px!important}

.gaidbtns{ background: #ffffff;  padding: 5px 0;  margin: 0 !important; float: left }
.gaidbtns .m-btn-downarrow{ position: relative; top: 12px;    margin-left: -5px;}
.gaidbtns .l-btn:hover .m-btn-downarrow{background: url(../images/icon-OA-16-white.png) no-repeat;}

.hr10{ height: 10px; width: 100%;}

.messager-icon{margin:2px 10px 10px 10px}
.messager-error{background-position:-32px -272px}
.messager-info{background-position:-128px -272px}
.messager-question{background-position:-96px -272px}
.messager-warning{background-position:-64px -272px}
/*.spinner-arrow-up{background-position:-128px -34px !important;}
.spinner-arrow-down{background-position:-193px -34px !important;}*/
.icon-tosubmit{background-position:-64px -96px!important}
.eu-icon-tosubmit{background-position:-64px -96px!important}
.icon-add{background-position:-128px -96px!important}
.icon-add-dtl{background-position:-128px -96px!important}
.icon-del{background-position:-256px 0!important}
.icon-save-dtl{background-position:-224px -96px!important}
.icon-remove{background-position:-160px -96px!important}
.icon-save{background-position:-64px -96px!important}
.icon-psave,.icon-psubmit{background-position:-224px -64px!important}
.icon-cancel{background-position:-480px -96px!important}
.datagrid-toolbar .icon-cancel{background-position:-96px -96px!important}
.dialog-button .icon-cancel{background-position:-32px 0px!important}

.accordion-icon{background-position:0px -304px!important}
.icon-email{background-position:-512px -160px!important}
.icon-close{background-position:-32px 0!important}
.icon-del-dtl{background-position:-64px -128px!important}
.icon-window-max{background-position:-96px 0!important}
.icon-window-min{background-position:-64px 0!important}
.icon-refresh{background-position:-192px -64px!important}
.icon-update{background-position:-256px -96px!important}
.icon-empty{background-position:-224px -64px!important}
.icon-sum{background-position:-256px -64px!important}
.icon-gift{background-position:-288px -64px!important}
.icon-in{background-position:-320px -64px!important}
.icon-out{background-position:-352px -64px!important}
.icon-edit{background-position:-96px -128px!important}
.icon-file-word{background-position:-160px -128px!important}
.icon-file-excel{background-position:-224px -128px!important}
.icon-file-pdf{background-position:-192px -128px!important}
.icon-file-img{background-position:-256px -128px!important}
.icon-file-empty{background-position:-352px -128px!important}
.icon-file-add{background-position:-384px -128px!important}
.icon-file-remove{background-position:-416px -128px!important}
.icon-files{background-position:-320px -128px!important}
.icon-file-s{background-position:-288px -128px!important}
.icon-message{background-position:-128px -128px!important}
.icon-news{background-position:-192px -96px!important}
.icon-user{background-position:0 0!important}
.icon-import{background-position:0 -160px!important}
.icon-arrow_down{background-position:0 -160px!important}
.icon-export{background-position:-32px -160px!important}
.icon-search{background-position:-128px -160px!important}
.searchbox-button{background-position:-128px -155px!important}
.icon-ok{background-position:-160px -160px!important}
.icon-remark{background-position:-192px -160px!important}
.icon-cut{background-position:-320px -160px!important}
.icon-print{background-position:-352px -160px!important}
.icon-printlist{background-position:-288px -96px!important}
.icon-enable{background-position:-320px -96px!important}
.icon-disable{background-position:-352px -96px!important}
.icon-synchro{background-position:-385px -96px!important}
.icon-aduit{background-position:-416px -96px!important}
.icon-check{background-position:-448px -96px!important}
.icon-undo{background-position:-385px -160px!important}
.icon-redo{background-position:-416px -160px!important}
.icon-lock{background-position:-448px -160px!important}
.icon-unlock{background-position:-480px -160px!important}
.icon-download{background-position:-64px -160px!important}
.icon-upload{background-position:-96px -160px!important}
.icon-suc{background-position:0 -272px!important}
.icon-error{background-position:-32px -272px!important}
.icon-warn{background-position:-64px -272px!important}
.icon-help{background-position:-96px -272px!important}
.icon-tips{background-position:-128px -272px!important}
.icon-chart{background-position:0 -192px!important}
.icon-info{background-position:-32px -192px!important}
.icon-mycard{background-position:-64px -192px!important}
.icon-integration{background-position:-96px -192px!important}
.icon-thecard{background-position:-128px -192px!important}
.icon-twocode{background-position:-160px -192px!important}
.icon-receivable{background-position:-192px -192px!important}
.icon-set{background-position:-224px -192px!important}
.icon-management{background-position:-256px -192px!important}
.icon-xq{background-position:-288px -192px!important}
.icon-time{background-position:-320px -192px!important}
.icon-recharge{background-position:-352px -192px!important}
.icon-bank{background-position:-384px -192px!important}
.icon-cash{background-position:-416px -192px!important}
.icon-payment{background-position:-448px -192px!important}
.icon-flag-blue{background-position:-224px -272px!important}
.icon-flag-green{background-position:-256px -272px!important}
.icon-flag-orange{background-position:-288px -272px!important}
.icon-flag-pink{background-position:-320px -272px!important}
.icon-flag-purple{background-position:-352px -272px!important}
.icon-flag-red{background-position:-384px -272px!important}
.icon-flag-yellow{background-position:-416px -272px!important}
.icon-distribution{background-position:0 -224px!important}
.icon-copy{background-position:-32px -224px!important}
.icon-Synchronise{background-position:-64px -224px!important}
.icon-SynchroniseOA{background-position:-96px -224px!important}
.icon-See{background-position:-128px -224px!important}
.icon-reset{background-position:-160px -224px!important}
.icon-transfer{background-position:-192px -224px!important}
.icon-authorized{background-position:-224px -224px!important}
.icon-preview{background-position:-256px -224px!important}
.icon-easyShuttle{background-position:-288px -224px!important}
.icon-shipment{background-position:-320px -224px!important}
.icon-Initialization{background-position:-352px -224px!important}
.icon-static{background-position:-384px -224px!important}
.icon-batchStatic{background-position:-416px -224px!important}
.icon-effect{background-position:-448px -224px!important}
.icon-club{background-position:-480px -224px!important}
.icon-home{background-position:-384px -64px!important}
.icon-moreifo{height:32px!important;background-position:-224px -304px!important}
.icon-newsBell{background-position:-448px -64px!important}
.icon-user-1{background-position:-512px -96px!important}
.icon-set-1{background-position:-512px -128px!important}
.icon-ITSupport{background-position:-482px -224px!important}
.icon-switchUser{background-position:-64px -224px!important}
.icon-message-1{background-position:-512px -160px!important}
.icon-SignOut{background-position:-512px -192px!important}
.icon-reload{background:url(../images/icon-OA-16-gray.png) no-repeat 0 0}
.icon-reload{background-position:-192px -64px!important}
.icon-arrow_out{background-position:-480px -64px!important}
.icon-arrow_in{background-position:-480px -32px!important}
.icon-reject{background-position: -32px 0!important}
.icon-switchgo,.eu-p2-icon-table_relationship{background-position:-384px -96px!important}
.icon-recycle{background-position:-64px -128px!important}
.icon-top{background-position:-32px -160px!important}
.icon-arrow_left{background-position:-64px -64px!important}
.icon-arrow_right{background-position:-96px -64px!important}
.icon-switchcome{background-position: -384px -96px!important}

.iconM-xzgl{background-position:0px -304px!important}
.iconM-rlzr{background-position:0px -336px!important}
.iconM-cwbx{background-position:0px -368px!important}
.iconM-wdk{background-position:0px -400px!important}
.iconM-xwgg{background-position:0px -432px!important}
.iconM-xxpt{background-position:0px -464px!important}
.iconM-gj{background-position:0px -496px!important}

.iconM-CRM-kh{background-position:-32px -304px!important}
.iconM-CRM-wl{background-position:-32px -336px!important}
.iconM-CRM-jg{background-position:-32px -368px!important}
.iconM-CRM-gys{background-position:-32px -400px!important}
.iconM-CRM-xm{background-position:-32px -432px!important}
.iconM-CRM-xsyc{background-position:-32px -464px!important}
.iconM-CRM-ddsp{background-position:-32px -496px!important}
.iconM-CRM-kccx{background-position:-32px -528px!important}

.iconM-zh-xtsz{background-position:-64px -304px!important}
.iconM-zh-lh{background-position:-64px -336px!important}
.iconM-zh-gzp{background-position:-64px -368px!important}
.iconM-zh-bg{background-position:-64px -400px!important}
.iconM-zh-bmfg{background-position:-64px -432px!important}
.iconM-zh-jssc{background-position:-64px -464px!important}
.iconM-zh-sjdj{background-position:-64px -496px!important}

.iconM-PB{background-position:-96px -304px!important}

.bgf,.nav-left .combo,.nav-left .textbox
{background-color:#008cee;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cee, endColorstr=#008cee, GradientType=0)}
.bgf{background-color:#1976d2}

/*north s*/
.header_nav{position:relative;width:100%;min-width:1000px;height:60px;overflow:hidden}
.header_nav .iconspirt{margin-top:22px;display:inline-block}
.header_nav .addmenu .iconspirt{margin-top:15px}
.logo{float:left;position:relative;width:199px;height:60px;overflow:hidden;display:inline-block;background-color:#2586e6;-webkit-box-shadow:5px 0 5px rgba(0,0,0,.05);
    -moz-box-shadow:5px 0 5px rgba(0,0,0,.05);box-shadow:5px 0 5px rgba(0,0,0,.05);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#1871c9')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color='#1871c9')}
.logo img{float:left}
.header_nav .topleft{margin-left:10px}
.header_nav .topleft a,.header_nav .toplefta a.icona{width:60px;height:60px;line-height:60px;text-align:center;display:inline-block;float:left}
.header_nav a:hover{background: #0080d9}

.toplefta{ position: relative}
.searchInput{width:200px;padding:0 20px;height:32px;line-height:32px;border:0;background:#c5ddf4;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;color:#455a64}
.topleftSearch{position:absolute;top:16px; left:0;  filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;z-index: -1}
.topleftSearch.on{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1; z-index: 1}
.jsSearch{ position: relative; z-index: 1}
.topleftSearch .icon-search{position:absolute;right:15px;top:-15px;background:url(../images/icon-OA-16-gray.png) no-repeat 0 0}
.nav-menu{float:left;position:relative;overflow:hidden}
.nav-menu ul{float:left;height:28px;width:98%;display:block;overflow:hidden;position:relative;padding-left:10px}
.nav-menu li{float:left;margin-left:-1px;position:relative}
.nav-menu li a,.nav-menu li a span{float:left;display:inline-block;height:28px;line-height:28px;text-align:center;font-size:13px;font-family:\5FAE\8F6F\96C5\9ED1;color:#fff}
.nav-menu li a span{opacity:.8}
.nav-menu li a{outline:0;border-right:0;padding:0 5px}
.nav-menu li span{cursor:pointer;padding:0 10px;font-weight:400}
.nav-menu li a.curr{border-bottom:0}
.nav-menu li a:hover span{opacity:1}
.nav-menu li.curr{z-index:1;background:#fff}
.nav-menu li.curr a span{color:#0173c7}
.moreMenuBox{position:absolute;right:5px;top:6px;color:#fff;font-weight:700;cursor:pointer;z-index:999;width:32px;height:16px}
.moreMenuBox #moreMenu1{position:absolute;left:0;top:0}
.moreMenuBox #moreMenu{position:absolute;right:0;top:0}
.top-nav{height:60px;line-height:60px;padding:0;text-align:right;width:720px;font-size:16px;position:absolute;right:0;top:0}
.top-nav .nav-right{width:120px;cursor:pointer;margin-top:0px; }
.top-nav .nav-right.nav-profile>a{padding:12px 15px}
.top-nav .nav-right>a{text-align:center;color:#fff;font-size:14px;line-height:60px; display: inline-block; width: 100%}
.top-nav .nav-right>a>.fa{color:#fff}
.top-nav .nav-right>a>img{float: left; margin-top: 16px; margin-left: 5px;}
.top-nav .nav-right>a>i{float: left;  margin-top: 20px;}
.top-nav .nav-right>a>span{ width:60px; padding-left:2px;display: inline-block; overflow: hidden;font-family:\5FAE\8F6F\96C5\9ED1;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    float: left;}
.top-nav .nav-right .uesrhead{width:32px;height:32px;border-radius:50%;background:#fff;margin-right:5px;
    background:url(../images/mrheader.png) no-repeat; background-size: 32px auto}
.top-nav .nav-right .uesrhead{background:url(../images/mrheaderIE.png)  no-repeat \9 ; }
.nav-right .icon-angle-down{position:relative;top:2px}
.top-nav .newsBell,.top-nav .newsBell{width:60px;height:60px;line-height:60px;text-align:center}
.top-nav .newsBell sub{min-width:16px;border-radius:2px;height:14px;line-height:14px;display:inline-block;background:#f90;font-family:Verdana Arial;color:#fff;position:absolute;top:14px;margin-left:-5px}
.top-nav .addmenu,.top-nav .addmenu a,.top-nav .newsBell a,.topleft a,.toplefta a.icona{width:60px;height:60px;line-height:60px;text-align:center; display: inline-block}

.top-nav .nav-meun>li{float:left;color:#fff;margin:0 5px; margin-top: 5px \9;}
.top-nav .nav-meun>li>a{padding:0 10px;margin-top:15px;height:24px;line-height:24px;display:inline-block;border-radius:3px;color:#fff;font-family:\5FAE\8F6F\96C5\9ED1}
.top-nav .nav-meun>li>a:hover,
.top-nav .nav-meun>li>a.current{background:#c5ddf4;color:#1976d2}
.top-nav .line{color:#5fafff}
.dialog-mask{position:absolute;top:0;left:0;z-index:250;width:100%;height:100%;background:url(about:blank);background:rgba(0,0,0,0);
    overflow:hidden;display:none}


.bg-primary a{text-decoration:none;color:#fff}
.dropdown{position:relative}
.dropdown i{position:relative;top:3px}
.dropdown-menu{position:absolute;top:60px;right:3px;z-index:1000;display:none;list-style:none;font-size:14px;text-align:left;background-color:#fff;
    background-clip:padding-box;font-family: \5FAE\8F6F\96C5\9ED1;color:#555;width:160px;border:1px solid #e8e9ea}
.dropdown-menu a{text-decoration:none;padding:0 15px}
.dropdown-menu>li{display:block;padding:5px 0;clear:both;font-weight:400;line-height:1.42857;color:#455a64;white-space:nowrap}
.dropdown-menu .iconspirt{position:relative;top:3px;margin-right:10px}
.dropdown-menu li span{width:100%;height:1px;display:inline-block;background:#ebebeb}
.shortcutMenu{position:absolute;top:60px;right:0;z-index:1000;display:none;list-style:none;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box;
    font-family: \5FAE\8F6F\96C5\9ED1;color:#555;width:300px;height:500px;border:1px solid #e8e9ea}
.shortcutMenu-hd{padding:15px 20px;font-size:16px;position:relative}
.shortcutMenu-hd .iconspirt{position:absolute;right:20px;top:20px}
.shortcutMenu-bd{padding:0 10px}
.shortcutMenu-bd li{float:left;white-space:nowrap}
.shortcutMenu-bd li .cec-icon{display:block;margin:0 auto}
.shortcutMenu-bd li span{width:100%;display:inline-block;margin-top:5px}
.agencyMenu{position:absolute;top:60px;right:20px;z-index:1000;display:none;list-style:none;font-size:14px;text-align:left;background-color:#fff;background-clip:padding-box;
    font-family: \5FAE\8F6F\96C5\9ED1;color:#555;width:260px;height:380px;border:1px solid #e8e9ea}
.agencyMenu-hd{padding:15px 20px;font-size:16px;position:relative}
.agencyMenu-bd li{padding:10px 20px 10px 70px;min-height:50px;position:relative}
.agencyMenu-bd li:hover{background-color:#eee}
.agencyMenu-bd li .cec-icon{position:absolute;left:20px;top:50%;margin-top:-18px}
.agencyMenu-bd .more{margin:10px 0 0 20px;display:inline-block}
.kulist li{width:33.3%;text-align:center;margin:0 0 30px 0;font-size:12px}
.kulist li span{height:20px;overflow:hidden}
.cylist li{margin-right:5px;margin-bottom:10px;width:auto}
.cylist li a{display:inline-block;font-size:12px;border:1px solid #e2e2e2;border-radius:15px;padding:3px 10px;display:inline-block}
.cec-icon{display:inline-block;text-decoration:none;-webkit-font-smoothing:antialiased;width:36px;height:36px;vertical-align:middle;overflow:hidden;background:url(../images/dbIcon.png) no-repeat}
.cec-icon-OA{background-position:0 0}
.cec-icon-CRM{background-position:0 -36px}
.cec-icon-ZH{background-position:0 -72px}
.cec-icon-CW{background-position:0 -108px}

.borderBG10{ border-bottom: 8px solid #eef5f9}

.northSearch{border:1px solid #ebebeb!important; min-height: 46px; background: #ffffff; }
.northSearch .content{background: #ffffff}
.northSearch .bottomline{height:1px;width:100%;position:absolute;bottom:0px;left:0;background:#ebebeb; display: none}
.northSearch th{position:absolute;margin:-16px 0 0 5px;color:#333;width:140px;font-weight:400}

.northSearchli{ padding: 5px 10px}
.northSearchli li{ float: left; }

.northSearch .northSearchTex{margin:8px 10px 10px 10px}
.northSearch .northSearchTex .searchbox,
.northSearch .northSearchTex input{height: 28px!important;  line-height: 28px!important;}
.northSearch .northSearchTex a{ margin-top: 0}

.searchbtnbox{ margin:4px 0 0 10px; }

.northSearch .searchTD input{ width: 110px !important;}
.searchTh{ float: left; height:36px; line-height:36px; font-family: \5FAE\8F6F\96C5\9ED1; color: #455a64;margin-left: 5px; }
.searchTD { float: left; padding-top: 4px;}
.searchTD .combo{ width: 130px !important;}
.searchTD .combo .combo-text {width: 125px !important;}
.searchTD input[type="radio"],
.searchTD input[type="checkbox"]{ width: 16px !important;}

.leftshadow{position:absolute;top:60px;left:200px;z-index:100;width:10px;height:100%;background:url(../images/leftshowerbg.png) repeat-y}
.tabs{border:0;height:30px!important;line-height:30px;padding-top:5px;padding-left:0px; border-bottom: 1px solid #ebebeb;padding-right:120px;}
.tabs-header{z-index:10;background-color:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.05);-moz-box-shadow:0 1px 5px rgba(0,0,0,.05);box-shadow:0 1px 5px rgba(0,0,0,.05); border-color: #eef5f9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#e7edf1')";
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#e7edf1')}

.tabs-header .tabs-wrap{ margin:0 !important; width:100% !important;}
.tabs-tool{background-color:#fff;border:0; height:28px !important; top:5px; z-index: 1;-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05);
    box-shadow: 0 1px 5px rgba(0,0,0,.05);
    border-color: #eef5f9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#e7edf1')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#e7edf1');}
.tabs-tool  a.l-btn{margin:0 3px; opacity:0.5}
.tabs-tool  a.l-btn:hover {background:none; border-color:#ffffff;opacity:1}
.tabs-tool  a.l-btn:hover  .l-btn-icon,
.tabs-tool  a.l-btn-plain:hover .l-btn-icon{background: url(../images/icon-OA-16-blue.png) no-repeat}
.tabs-tool  a.l-btn,.tabs-tool .l-btn-left{ width:16px; height:16px; display:inline-block;position:relative; }
.tabs-tool .l-btn-small.l-btn-plain  .l-btn-icon-left .l-btn-text{margin:0}
.tabs-tool .l-btn-empty{display:none}
.tabs-tool .l-btn-icon{top:0; left:0; margin:0 }

.messager-button .l-btn{width:50px}
.barLinkbutton .l-btn-plain .l-btn-icon-left .l-btn-text { margin: 0 4px;}
.thinBorder .l-btn-empty{ width: 0}
.thinBorder.seeThinBorder .l-btn-plain{ position: relative; top:-2px; margin-left: -5px;}

.northSearch .l-btn .l-btn-text{ line-height: 27px;}
.northSearch .l-btn .l-btn-icon{background:url(../images/icon-OA-16-white.png) 0 0 no-repeat}
.northSearch .btnwhite.l-btn .l-btn-icon{background:url(../images/icon-OA-16-gray.png) 0 0 no-repeat}

.crmUI .northSearch .l-btn{background: #008cee; padding: 0; border: 1px solid #008cee}
.crmUI .northSearch .l-btn:hover{background: #0080d9;}

.crmUI .northSearch .btnwhite.l-btn{}
.crmUI .northSearch .btnwhite.l-btn .l-btn-icon{background:url(../images/icon-OA-16-gray.png) 0 0 no-repeat}

.crmUI .northSearch .l-btn-plain .l-btn-text {  color: #ffffff;  }
.crmUI .northSearch .l-btn-left .l-btn-empty,.crmUI .northSearch .l-btn-empty ,.noEmpty .l-btn-left .l-btn-empty,#attachPanel  .l-btn-empty{  width: 0 }

#attachPanel a{ margin: 5px}


#tab-tools{border:0;border-bottom:1px solid #d1d9e7;background-color:#e4eaf4}
.tabs-title{color:#333;font-weight:400;font-family:\5FAE\8F6F\96C5\9ED1}
.tabs li{margin:0 -5px -1px 10px}
.tabs li a.tabs-inner{border-color:#e4eaf4;color:#333;background:0;height:30px!important;line-height:28px!important}
.tabs li.tabs-selected a.tabs-inner{border-color:#bddbec;border-bottom:1px solid #fff;border-width:1px 1px 0 1px;line-height:28px!important;
                                    background-color:#eef5f9;color:#333;
    background:-webkit-linear-gradient(top,#eef5f9 0,#eef5f9 100%);
    background:-moz-linear-gradient(top,#eef5f9 0,#eef5f9 100%);
    background:-o-linear-gradient(top,#eef5f9 0,#eef5f9 100%);
    background:linear-gradient(to bottom,#eef5f9 0,#eef5f9 100%);

}
.tabs li a.tabs-inner{-moz-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.tabs-scroller-left,.tabs-scroller-right{text-align:center;vertical-align:middle;border-color:#bddbec!important;
    color:#999;line-height:27px; z-index:100}
.tabs-scroller-left{background:#fff url(../images/icon-OA-16-gray.png) no-repeat;display:inline-block;background-position:-64px -22px!important}
.tabs-scroller-right{background:#fff url(../images/icon-OA-16-gray.png) no-repeat;display:inline-block;background-position:-96px -22px!important}
.tabs-scroller-over{background:#eef5f9 url(../images/icon-OA-16-gray.png) no-repeat;border-color:#bddbec!important}

.tabs-panels{padding:14px 0 0 14px!important;background-color:#eef5f9;border-color: #eef5f9; }
.tabs-panels .panel-with-icon{padding:0}

#tabs_permission .tabs-panels,
.approvalListmt .tabs-panels{padding:0px!important;background:#ffffff;}






#main-panel{ margin-bottom: 10px;}

.insideTabs .tabs-header{background:#fff;border-bottom:1px solid #d1d9e7}
.insideTabs .tabs{border-width:0;padding:0;margin:0}
.insideTabs .tabs li a.tabs-inner{border:0;border-bottom:2px solid #fff;background:0 0;padding:0 10px}
.insideTabs .tabs li.tabs-selected a.tabs-inner{border-bottom:2px solid #008cee;color:#008cee}

#leftMenu .panel-tool{position:absolute;top:0;margin-top:0;height:38px;left:176px;width:16px!important}
#leftMenu .panel-tool a{width:100%;height:38px;line-height:38px;position:absolute;top:2px;left:0}

.panel-body,
.panel-header{border-color:#eef5f9}
.panel-title{font-size:16px;color:#607d8b;font-weight:400;padding:2px 5px;font-family:\5FAE\8F6F\96C5\9ED1}
.panel-header{background-color:#fff;background:-webkit-linear-gradient(top,#fff 0,#fff 100%);
    background:-moz-linear-gradient(top,#fff 0,#fff 100%);
    background:-o-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff, GradientType=0)}

.panel-tool-collapse{background-position:-128px 0!important}
.panel-tool-collapse.panel-tool-expand{background-position:-160px 0!important}
.panel-tool-min{background-position:-256px 0!important}
.panel-tool-max{background-position:-288px 0!important}
.panel-tool-close{background-position:-32px 0!important}
.panel-tool a,.panel-tool a:hover{color:#333;font-size:16px; }

.panel-body-noheader {border-top-width: 0}
.content{padding: 0;}
.bgblue{ background: #eef5f9;}
.bgwhite{ background: #ffffff;}

.txlpanel .panel-header .panel-icon,
.viewContent .panel-header .panel-icon,
.editContent .panel-header .panel-icon,
.viewContentOld .panel-header .panel-icon,
.editContentOld .panel-header .panel-icon,
#div_ApprovalPartial .panel-header .panel-icon
{display:none}
.viewContentOld .panel-header .panel-title,
.editContentOld .panel-header .panel-title{padding: 5px; color:#0E2D5F}

.viewContentOld .panel,
.editContentOld .panel,
.viewContentNew .panel,
.editContentNew .panel,
.editContentPrice .panel,
.editEmployeeInformation .panel{border:0px solid #ebebeb; margin-bottom: 8px;}

.viewContentOld .panel.datagrid,
.editContentOld .panel.datagrid,
.viewContentNew .panel.datagrid,
.editContentNew .panel.datagrid,
.editContentPrice .panel.datagrid{ border: 0 }

.viewContentOld .panel .panel-header,
.editContentOld .panel .panel-header,
.viewContentNew .panel .panel-header,
.editContentNew .panel .panel-header,
.editContentPrice .panel .panel-header,
.editEmployeeInformation .panel .panel-header,
.panelheaderblue .panel-header{ border-width: 0 0 1px 0;border-bottom: 1px solid #8ec0e3;
    background: #d9ebf7;}




.viewContentOld .panel .panel-body,
.editContentOld .panel .panel-body,
.viewContentNew .panel .panel-body,
.editContentNew .panel .panel-body,
.editContentPrice .panel .panel-body,
.editEmployeeInformation .panel .panel-body{ border: 0}

.viewContentNew .viewItem,
.editContentNew .viewItem {background: #fff}

.viewdetailtable{border: 1px solid #ccc; border-width:0px 1px 1px 0;}
.viewdetailtable .viewdetailtable-hd{width:100px;line-height:30px;text-align:Left;background: #f9f9f9; padding: 0 5px;
                                      border: 1px solid #ccc; border-width:1px 0 0 1px; font-weight:normal }
.viewdetailtable .viewdetailtable-bd{width:180px; margin-right:40px;background: #fff; line-height:30px;margin:0;  padding: 0 5px; border: 1px solid #ccc; border-width:1px 0 0 1px;
                                     overflow: hidden;white-space: nowrap;text-overflow: ellipsis}

.editdetailtable{border: 1px solid #ccc; border-width:0px 1px 1px 0;}
.editdetailtable .editdetailtable-hd{width:100px;line-height:40px;text-align:Left;background: #f9f9f9; padding: 0 5px;
                                      border: 1px solid #ccc; border-width:1px 0 0 1px; font-weight:normal }
.editdetailtable .editdetailtable-bd{width:180px; margin-right:40px;background: #fff; line-height:40px;margin:0;  padding: 0 5px; border: 1px solid #ccc; border-width:1px 0 0 1px;
                                     overflow: hidden;white-space: nowrap;text-overflow: ellipsis}


.viewEmployeeInformation .panel{min-width: 1100px;}
.viewEmployeeInformationTable{margin: 10px;min-width: 600px;}

.EmployeeInformationImg{float: left;  margin: 10px 25px; cursor: pointer;}

.editEmployeeInformationTable{margin: 10px;}
.editEmployeeInformationTable span{ float:left}
.editEmployeeInformationTable td{border: 1px solid #ccc; border-left: 0;}
.editEmployeeInformationTable-th{width:100px;line-height:40px;text-align:Left;background: #f9f9f9; padding: 0 5px; border-left: 1px solid #ccc;margin:0;}
.editEmployeeInformationTable-bd{width:180px;margin-right:10px;line-height:30px;padding:5px; position:relative}

.editEmployeeInformation{}
.editEmployeeInformationTable-bd-other{ position: absolute; }


.editformdetail{width:auto !important; overflow-x:visible}
.formdetailth{line-height:40px;padding: 0 5px;font-family: \5FAE\8F6F\96C5\9ED1;  background: #f9f9f9;border-left: 1px solid #ccc;float: left;margin:0 !important;}
.formdetailtd{margin:0 !important;font-family: \5FAE\8F6F\96C5\9ED1;line-height:30px;padding:5px;background: #fff;float: left; }
.formdetailtr{    background: #f9f9f9;
    display: inline-block;
    float: left;
    border-left: 1px solid #ccc;     position: relative;}
.formdetailtr .formdetailth{border-left: 0;}

#total_tip{position: absolute;
    left: 250px;
    width: 200px;
    top: 5px;}

.detailCon .panel-title,.detailConPrice .panel-title{ padding: 5px }


.detailConPrice{ padding-top:50px; }

.detailConPrice #div_Tool{text-align: center; width:100%; position:fixed; top:0; z-index: 100}
.detailtabrebuild .tabs-panels,
#detailTabs .tabs-panels,
#pushInWindowDetailTab .tabs-panels,
#detailTab .tabs-panels,#rmaApplyOrderTab .tabs-panels{ padding:5px!important; background-color:#ffffff}
.detailtabrebuild .tabs-panels .panel-body,
#detailTabs .tabs-panels .panel-body{background-color:#ffffff; padding:0px!important;}

#detailTabs .tabs-header{    border-bottom: 1px solid #ebebeb;}
#detailTabs .panel { border: 0; margin-bottom: 0;}
#detailTab .panel-header{ background:none;border:0}
#detailTab .panel-header .panel-title{padding: 0px; font-size: 14px;}

#detailTab .tabs, #div_ApprovalList .tabs{ padding-top:2px;}
.detailtabrebuild .tabs li.tabs-selected a.tabs-inner,
.lowtabs  .tabs li.tabs-selected a.tabs-inner,
#div_ApprovalList  .tabs li.tabs-selected a.tabs-inner
  {
    border-color: #bddbec;
    border-bottom: 1px solid #fff;
    border-width: 1px 1px 0 1px;
    line-height: 28px!important;
    background-color: #ffffff;
    color: #333;
    background: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background: -moz-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background: -o-linear-gradient(top,#ffffff 0,#ffffff 100%);
    background: linear-gradient(to bottom,#ffffff 0,#ffffff 100%);
}


.lowtabs .tabs-header,#div_ApprovalList .tabs-header {
    z-index: 10;
    background-color: #d9ebf7;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,0);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    border-color: #eef5f9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#ffffff')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#ffffff');
}


#approvalDiv .textbox{ height: 118px !important;  }
#approvalDiv .textbox textarea{height: 110px !important; }

.qxContent{ background: #ffffff;padding:10px;}
.content.pt10{padding-top: 10px !important;}
.qxContentTable{ width: 100%; margin-bottom: 10px;}
.qxContentTable a{padding: 2px 0}

.advance_table td{ padding: 3px 0}

.printhide{text-align:center;height:40px;line-height:40px;font-size:18px;}
#btnPrint{position: absolute;  right: 10px; top:10px;}

.layout-expand .panel-header{text-align:center}
.layout-expand-north .panel-tool{margin-top:-12px}
.layout-expand{background-color:#fff}
.layout-expand-west{border-right:0}
.layout-expand-east{border-left:0}
.layout-expand-north{border-bottom:0;height:24px}
.layout-expand-east,.layout-expand-west{width:24px!important}
.layout-expand .panel-body,.layout-expand .panel-header{background-color:#ffffff}
.layout-panel-center .panel-body{background:#eef5f9}
.layout-panel-center .panel-title{padding: 5px}

.layout,iframe{background:transparent !important;}
.layout-split-north{border-bottom:5px solid #fff}
.layout-split-south{border-top:5px solid #fff}
.layout-split-east{border-left:5px solid #fff}
.layout-split-west{border-right:1px solid transparent}

.layout-panel-west{border:1px solid #ebebeb;}
.layout-panel-west .panel-header{padding:8px; }
.layout-panel-west .panel-header,
.layout-panel-west .panel-body{border-color: #ebebeb}

.accordion{background:#fafafa;color:#0E2D5F}
.easyui-accordion ul li div{margin:0;padding:0}
#leftMenu.accordion .accordion-header{background:#fafafa;width:178px!important;padding:0 10px!important;
   position:relative; height: 38px !important;line-height: 38px !important;border-color: #d7eaf4;
    border-width: 0 0 1px!important;
    cursor: pointer;
    border-style: solid; }

.accordion-body{background:#fff;overflow-x:hidden;overflow-y:auto}
.accordion-body .tree-expanded,.tree .tree-collapsed{background:0 0}
.accordion-noborder .accordion-body{ border: 0}
.accordion .icon-doc-base{left:20px;top:5px;text-align:center}
.accordion .panel-title{font-size:14px;color:#263238;position:relative;z-index:100;height: 34px !important;line-height: 34px !important;  padding: 2px;}
.accordion .panel-with-icon{height:34px;line-height:34px;padding-left:22px !important;}
.icon-doc-base{margin-top:-6px;margin-left:4px}
.tree-title{color:#455a64;height:32px;line-height:32px;font-family:\5FAE\8F6F\96C5\9ED1}
.tree-node{height:32px;line-height:32px;position:relative}
.tree-node-selected{background:0 0;color:#1976d2}
.tree-node-selected .tree-title{color:#1976d2!important}
.tree-file{font-size:14px;color:#0E2D5F;height:32px}
.tree-node-selected .tree-title{color:#fff}
.tree-node-selected .tree-file{background:url(../images/icon-OA-16-white.png) no-repeat}
.tree-icon.tree-file{display:none}
.tree-file,.tree-folder{text-align:center;margin-top:0}
.tabs-icon{display:none}

.tabs a [class^="icon-"],
.tabs a [class*=" icon-"]{display:none}

.tabs-with-icon{padding-left:0}

#region_west .tree-expanded,
#userTree .tree-expanded,
#roleTree .tree-expanded,
#departTree .tree-expanded,
#treePanel .tree-expanded,
#tree .tree-expanded,
.combo-p .tree-expanded
{opacity: 0}

.datagrid-btn-separator{display:none}
.datagrid-toolbar{padding:5px; min-width: 1116px;background:#d1e8ff;border-color: #8ec0e3;}
.datagrid-toolbar a{margin-right:10px}

.childInfo .datagrid-toolbar{background:#ffffff;border-color: #ffffff;}

.gaidbtns{background:#d1e8ff}

#div_ToolBarContent{margin: 0 !important;}

.datagrid-pager{background:#fff}
.datagrid-cell,.datagrid-cell-group,.datagrid-cell-rownumber,.datagrid-header-rownumber{height:30px;line-height:30px}
.datagrid-cell{position:relative}
.datagrid-header-row{height:36px}

.datagrid-view{ background: #ffffff;    border-top:0;}
.datagrid-view .datagrid-editable-input{height:30px!important;line-height:30px!important;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;margin:0;padding:0 4px}
.datagrid-header-row,.datagrid-header-rownumber{background:#f9f9f9;color:#333}
.datagrid-header{background-color:#f9f9f9;background:-webkit-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:-moz-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:-o-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:linear-gradient(to bottom,#f9f9f9 0,#f9f9f9 100%)}
.datagrid-td-rownumber{background-color:#fff;background:-webkit-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:-moz-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:-o-linear-gradient(top,#f9f9f9 0,#f9f9f9 100%);background:linear-gradient(to bottom,#f9f9f9 0,#f9f9f9 100%)}
.datagrid-body td,.datagrid-footer td,.datagrid-header td{border-width:0 1px 1px 0;border-style:solid;margin:0;padding:0;font-family:\5FAE\8F6F\96C5\9ED1}
.datagrid-header td{border-color:#e1e1e1;border-width:1px 1px 1px 0;}

.datagrid-view td .datagrid-cell{padding:0 8px;}
.datagrid-view td .datagrid-header-expander{padding:0 4px;}

/*.datagrid-header .datagrid-cell,.datagrid-header .datagrid-cell span{vertical-align: middle !important;}*/
.datagrid-sort-desc .datagrid-sort-icon{padding: 0}
.datagrid-sort-icon{    position: absolute;
    top: 50%; margin-top: -8px;
    right: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #999;
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;}
.datagrid-sort-icon{background-position: -192px -32px!important}

.datagridheaderbr{line-height:14px;}

.datagrid-header td:hover{background:#eaf2ff}
.datagrid-body td,.datagrid-footer td{border-color:#e1e1e1}
.datagrid-sort-desc .datagrid-sort-icon {background: url(../images/icon-OA-16-gray.png) no-repeat -192px -32px!important; }

.datagrid-sort-icon{display: none}
.datagrid-row-expand { background: url(../images/icon-OA-16-gray.png) no-repeat -128px -96px !important;
    display: inline-block;  width: 16px;  height: 16px; }
.datagrid-row-collapse { background: url(../images/icon-OA-16-gray.png) no-repeat -160px -96px!important;
    display: inline-block;  width: 16px;  height: 16px; }


.attach-panel{position:relative; margin-top:10px;}
#btnAddAttach{    position: absolute;
    top: 0px;
    left: 90px;}


/*.spinner-arrow,.spinner-arrow a:hover{background:0 0}
.spinner-arrow a{float:left;text-align:center}*/
/*.calendar{border-color:#ddd}
.calendar-header{position:relative;height:30px}
.calendar-title{text-align:center;position:absolute;height:18px;top:50%; margin-top:-9px; left:50%;margin-left:-30px}
.calendar-header{background:#fff;position:relative;height:36px;line-height:36px}
.calendar-hover,.calendar-menu-hover,.calendar-nav-hover{background-color:#008cee;color:#fff;border-radius:2px}
.calendar-hover{border:1px solid #008cee;padding:0;border-radius:2px;color:#fff}
.calendar-body th{background:#F4F4F4;padding:6px 0}
.calendar-day,.calendar-saturday,.calendar-sunday{color:#000}
.calendar-selected{background-color:#008cee;color:#fff;border:0;padding:0;border-radius:2px}
.calendar-title span{position:relative;display:inline-block;top:0px;padding:0 3px;height:18px;line-height:18px;font-size:12px;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.calendar-menu-year{border-color:#ddd;width:60px;height:26px;text-align:center;border-width:1px;border-style:solid;margin:0;padding:2px;font-weight:700;font-size:12px}
.calendar-nextmonth,.calendar-nextyear,.calendar-prevmonth,.calendar-prevyear{position:relative;top:10px;margin-top:0;width:14px;text-align:center;height:14px;
    line-height:14px;vertical-align:middle;cursor:pointer;font-size:1px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.calendar-prevmonth,.calendar-prevyear{float:left;    margin-right: 20px;}
.calendar-nextmonth,.calendar-nextyear{float:right;    margin-left: 20px;}*/
.btn26{height:26px;line-height:26px;min-width:30px;padding:0 5px;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;
    text-align:center;font-size:12px;text-decoration:none;display:inline-block;cursor:pointer}
.btn30{height:28px;line-height:28px;min-width:50px;padding:0 5px;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;
    text-align:center;font-size:12px;text-decoration:none;display:inline-block;cursor:pointer}
.btn40{height:38px;line-height:38px;min-width:50px;padding:0 10px;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;
    text-align:center;font-size:14px;text-decoration:none;display:inline-block;cursor:pointer}
.btn-blue{background:#1976d2;border:1px solid #1976d2}
.btn-blue:hover{color:#fff;background:#1572f0;border:1px solid #1572f0}
.btn-yellow{background:#ffb22b;border:1px solid #ffb22b}
.btn-yellow:hover{color:#fff;background:#4a596f;border:1px solid #4a596f}
.btn-gray{color:#333;background:#fff;border:1px solid #b1b8bb}
.btn-gray:hover{color:#fff;background:#424f63;border:1px solid #424f63}
.btn-red{color:#fff;background:#ef5350;border:1px solid #ef5350}
.btn-red:hover{color:#fff;background:#ef5350;border:1px solid #ef5350}
.window-mask,.window-proxy-mask{background:#000; position:fixed}
.window{border:0;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;padding:0;background:0 0}
.window .window-header{background-color:#008cee;background:-webkit-linear-gradient(top,#008cee 0,#008cee 20%);
    background:-moz-linear-gradient(top,#008cee 0,#008cee 20%);background:-o-linear-gradient(top,#008cee 0,#008cee 20%);
    background:linear-gradient(to bottom,#008cee 0,#008cee 20%);background-repeat:repeat-x}
.window-shadow{-moz-box-shadow:0 0 0 #000;-webkit-box-shadow:0 0 0 #000;box-shadow:0 0 0 #000}
.window,.window .window-body{border:0}
.window-body{padding:0px}
.window-body .panel,.messager-body{padding:10px}
.messager-body{border:1px solid #ddd !important; border-top:0 !important}
.form-tb th{text-align:left;padding-left:10px}
.form-tb td{padding:5px}
.dialog-button{border-color:#ddd #F4F4F4 #F4F4F4 #F4F4F4}
.dialog-toolbar{border:0;padding:1px 5px;background:#d5edfe}
.dialog-tool-separator{border:0}
.toolbar-item-container{padding-right:5px}
.window .window-header{padding:10px}
.window-header .panel-title{color:#fff}
.window .window-header .panel-icon,
.window .window-header .panel-tool{top:50%;margin-top:-8px}
.window .window-header .panel-icon{ display: none}
.window .window-header .panel-tool a:hover{background: #008cee url(../images/icon-OA-16-gray.png) no-repeat;  }
.window .window-header .panel-with-icon{padding-left:0}

.window-header .panel-tool-close,
.window-header .panel-tool-collapse,.window-header .panel-tool-max,.window-header .panel-tool-min{color:#fff;font-size:14px;margin:0 5px}
.window-header .panel-tool-collapse{font-size:18px;margin-top:-2px}

table.thinBorder {
    border: solid 1px #CCC;
    font-family:\5FAE\8F6F\96C5\9ED1;
}
table.thinBorder th,.lowformdetail th {
    background-color: #f8f8f8;
    color: #333;
    border-right: 0;
    text-align: left !important;
    padding:  0 5px!important;height: 36px;
    font-family:\5FAE\8F6F\96C5\9ED1;
}
.lowformdetail th{ width:120px;}
.lowformdetail td{width:200px;}
table.thinBorder td,.lowformdetail td{ border-color: #cccccc;padding: 0 5px!important; height: 36px;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family:\5FAE\8F6F\96C5\9ED1;
}



.lowprofitedit #detailTab .tabs-panels{padding: 0px!important;}
.lowprofitedit .panelheaderblue .panel-header,
#approvalDiv .panel-header{border-width: 0 0 1px 0;
    border-bottom: 1px solid #8ec0e3;
    background: #d9ebf7;
}
.lowprofitedit .lowyuan{ padding:0 5px;    margin-bottom: 10px;}
.lowprofitedit .lowyuan .lowformdetail{border:0}
.lowprofitedit .lowyuan .lowformdetail th{ background:#fff;border:0; width:130px; line-height:20px; height:20px; }
.lowprofitedit .lowyuan .lowformdetail td{ width:890px;border:0;line-height:18px;line-height:20px; height:20px;  white-space: normal;}
.viewContentNew table.thinBorder.seeThinBorder td {
    overflow:visible;
    white-space: normal;
    line-height: 20px;
}

table.thinBorder.seeThinBorder td{ line-height: 36px;}

table.thinBorder .dspan{display:inline-block;}
.divImg img{ width: 16px; height: 16px !important; margin-top: 5px;}

table.thinBorder.editThinBorder td{ line-height: 18px;}

.calendarBox{ width: 1000px; height: 260px; margin: 0 auto; display: none}
.calendarHD{ position: relative}
.calendarHD .calendarTit{color: #333333; font-size: 18px; text-align: center; font-family:\5FAE\8F6F\96C5\9ED1; margin-bottom: 20px; }
.calendarHD .calendarDatebox{ position: absolute; left: 50%; top:-5px; margin-left:100px;}
.calendarHD .calendarDatebox input{ background: #ffffff}
.hystip{ margin-bottom: 10px;color: #455a64;font-family:\5FAE\8F6F\96C5\9ED1;}
.hystip i{ position: relative; top:5px; margin-right: 5px;}
.choseliat li{ padding: 5px 0}
.choseliat label{ font-size: 14px;color: #455a64;font-family:\5FAE\8F6F\96C5\9ED1; margin-left: 5px}
.chliat{ border-top:1px dashed #e2e2e2; padding-top: 20px;}
.chliat li{ padding:8px 0; float: left; width: 100%}
.chliat i{width: 16px; height: 16px;  border: 1px solid; float: left; position: relative; top:2px}
.chliat i.whiteI{background-color: white; border-color: #d2d2d2}
.chliat i.redI{background-color: #ef5350; border-color: #ef5350}
.chliat i.purpleI{background-color: #7460ee; border-color: #7460ee}
.chliat i.greenI{background-color: #26dad2; border-color: #26dad2}
.chliat span{float: left; margin-left: 5px; color: #455a64}
.chlistbtn a.btn30{ width: 205px; height: 40px; line-height: 40px; font-size: 16px;font-family:\5FAE\8F6F\96C5\9ED1;}

.CECradiocheck i{display:inline-block;display:none\9;display:none\9;margin:-2px 5px 1px 0;width:14px;height:14px;border:1px solid #bbb;background:#fff;color:#fff;vertical-align:middle;text-align:center;font-style:normal;font-size:14px;line-height:13px}
.CECradiocheck input[type=checkbox],.CECradiocheck input[type=radio]{display:none;display:inline-block\9;display:inline-block\9}
.CECradiocheck input[type=radio]+i{border-radius:50%;background:#fff;color:#fff}
.CECradiocheck input[type=checkbox]:checked+i,.CECradiocheck input[type=radio]:checked+i{border:1px solid #bbb;background:#fff;color:#0979e9}
.CECradiocheck input[type=checkbox]:disabled+i,.CECradiocheck input[type=radio]:disabled+i{border-color:#eee}
.CECradiocheck input[type=checkbox]:checked:disabled+i,.CECradiocheck input[type=radio]:checked:disabled+i{background:#f9f9f9}

.GooFlow{background: transparent !important;}
.GooFlow_work {float: left !important; margin: 0 !important;border: 0 !important;}

.datagrid-view .l-btn-plain,
#btnAddView.l-btn-plain,
#btnEditView.l-btn-plain,
#btnDelView.l-btn-plain,
#btnAddForm.l-btn-plain,
#btnEditForm.l-btn-plain,
#btnDelForm.l-btn-plain,
/*#attachPanel .l-btn-plain,*/
#form_Upload .l-btn
{background: transparent;border-color: transparent;}
.datagrid-view .l-btn-plain:hover,
#btnAddView.l-btn-plain:hover,
#btnEditView.l-btn-plain:hover,
#btnDelView.l-btn-plain:hover,
#btnAddForm.l-btn-plain:hover,
#btnEditForm.l-btn-plain:hover,
#btnDelForm.l-btn-plain:hover,
/*#attachPanel .l-btn-plain:hover,*/
#form_Upload .l-btn:hover
{     background: #0080d9;
    border: 1px solid #0080d9;
    background: -webkit-linear-gradient(top,#0080d9 0,#0080d9 100%);
    background: -moz-linear-gradient(top,#0080d9 0,#0080d9 100%);
    background: -o-linear-gradient(top,#0080d9 0,#0080d9 100%);
    background: linear-gradient(to bottom,#0080d9 0,#0080d9 100%); }

.datagrid-view .l-btn-plain .l-btn-icon-left .l-btn-text{margin:0 4px 0 4px!important}
#btnAddForm.l-btn-plain .l-btn-icon-left .l-btn-text,
#btnEditForm.l-btn-plain .l-btn-icon-left .l-btn-text,
#btnDelForm.l-btn-plain .l-btn-icon-left .l-btn-text
{margin:0 4px 0 4px}

#btnQuickMenuSet,#btnUser,#btnDocument,#btnEmail,#btnLogout{background:none;border:none;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#008cee,endColorstr=#008cee,GradientType=0);
    background-repeat:repeat-x;-moz-border-radius:2px 2px 2px 2px;-webkit-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px
}
#w .eu-icon-user,#w .eu-icon-password{background-position:2px 6px!important;}

#quickOpToolbar .l-btn{color:#fff;background:transparent;border-color:transparent;}
#quickOpToolbar .l-btn-text{color:#333;}
#quickOpToolbar .l-btn:hover {border:1px solid #0080d9;background:linear-gradient(to bottom,#0080d9 0,#0080d9 100%);}
#quickOpToolbar .l-btn:hover .l-btn-text {color:#fff;}
#quickOpToolbar .l-btn-icon {background:url(../images/icon-OA-16-blue.png) no-repeat 0 0;}

#div_condition tr{height:35px;line-height:35px;}

span.textarea-span,.textarea-span textarea{height: auto !important;}
#div_tags {height:40px;}
#div_ApprovalInfo{padding-bottom:10px}
.nowrapth th{white-space: nowrap;}
.tree-searchbox  .searchbox .textbox-text {
    height: 20px!important;
    line-height: 20px!important;
}
.html-content td{line-height: 25px!important;}
/*滚动条*/
::-webkit-scrollbar { width: 10px; height: 10px;}
::-webkit-scrollbar-thumb { border-radius: 5px;background-color: rgb(190, 190, 190);border: 2px solid #fff;}
::-webkit-scrollbar-thumb:hover {background-color: rgb(160, 160, 160);}

/*重构表单样式*/
#mainform .panel { 
    border-radius:5px 5px 0px 0px;
}
#mainform .panel .panel-header {
    border-bottom:1px solid silver;
    background: -webkit-linear-gradient(60deg,#EEF5FF 9%,#0173c736 ,#7cbcf51c 69%, #0173c757 )!important;
    background: -o-linear-gradient(60deg,#EEF5FF 9%,#0173c736 ,#7cbcf51c 69%, #0173c757 )!important; 
    background: -moz-linear-gradient(60deg,#EEF5FF 9%,#0173c736 ,#7cbcf51c 69%, #0173c757 )!important;
    background: linear-gradient(60deg,#EEF5FF 9%,#0173c736 ,#7cbcf51c 69%, #0173c757 )!important; 
    box-shadow:0px 0px 5px silver;
}
#mainform .panel .panel-header .panel-tool {
    background: -webkit-linear-gradient(#7dbbe836);
    background: -o-linear-gradient(#7dbbe836);
    background: -moz-linear-gradient(#7dbbe836);
    background: linear-gradient(#7dbbe836);
}
#mainform .panel .panel-body {
    border:1px solid #dfe6ea !important;
    border-top:none!important;
    border-radius:3px!important;
}
/*附件信息模块,附件上传按钮微调*/
#attachPanel #btnAddAttach{ margin: 2px}